import { Platform, StyleSheet } from 'react-native'
import { Metrics, Fonts, Colors, ApplicationStyles } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  container: {
    paddingBottom: Metrics.baseMargin,
  },
  cityContainer: {
    position: 'absolute',
    top: (Platform.OS === 'ios') ? Metrics.doubleBaseMargin + 16 : Metrics.baseMargin + 16,
    left: Metrics.baseMargin,
    zIndex: 9999,
    flexDirection: 'row',
    alignItems: 'center',
  },
  cityIcon: {
    marginRight: Metrics.smallMargin,
    color: 'white'
  },
  cityTitle: {
    color: 'white',
    textShadowColor: 'rgba(0,0,0,0.38)',
    //textShadowOffset: {width:1}
  },
  swiper: {
    height: 220
  },
  slide: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#9DD6EB',
  },
  subTitle: {
    margin:10,
    marginBottom:5,
    fontSize:16,
    color:'#636e72'
  }
})
